<template>
  <div>
    <!-- <input type="text" v-model="text" /> -->

    <!--  v-model语法糖就是v-bind和v-on：input的一层包装-->
    <input type="text" :value="text" @input="text = $event.target.value" />
  </div>
</template>

<script>
export default {
  name: 'APP',

  props: {},
  data() {
    return {
      text: '',
    }
  },

  methods: {
    // abs(e) {
    //   console.log(e.target.value)
    //   this.text = e.target.value
    // },
  },
}
</script>

<style scoped></style>
